body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0;padding: 0; }

*{margin: 0;padding: 0; font-family: '微软雅黑'; }
body { -webkit-overflow-scrolling: touch; text-align:left;max-height: 100%; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;color: #666;}
a{ text-decoration: none; outline: none; color: #333;}
li { list-style: none;}
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none;}
em,i { font-style: normal;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
p{ color: #888888;}
.image{ width:100%; height: 100%;}
.clear{clear: both;}
.left{ float: left;}
.right{ float: right;}
.is-center{ text-align: center;}
.container{ width:1200px; margin:0 auto;}
.white{ color: #fff;}
.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.auto{ margin:0 auto;}
.pt{ padding-top:60px;}
.pb{ padding-bottom:60px;}
.color3{ color: #333;}
.fillimg{width: 100%;height: 100%;}

/* 首页标题 */
.more{ margin-left: 60px; margin-top:30px;}
.more a{ display: block; border-bottom:solid 1px #ccc; width:100px;}
.big-title{ font-size: 28px;}
.more-btn{ width:156px; height:40px; border:solid 2px #000; margin:50px auto 0;}
.more-btn a{ display: block;width:156px; height:40px; color: #000; text-align: center; line-height: 40px; transition: all 0.5s; }
.more-btn a:hover{ background:#000; color: #fff; transition: all 0.5s;}

.header{ position: relative;}
.header .head { position: absolute; z-index: 999;left: 50%; margin-left:-600px; width:1200px;}
.header .head .logo{ width:163px; height:50px; margin:20px 0}
.navi{padding-left:160px; padding-top:20px;}
.navi ul li{ width:100px; text-align: center; margin-top:20px;position: relative; float: left;}
.navi ul li.active{width:119px; height:32px;}
.navi ul li.active>a{ color: #008b58; font-size: 14px;}
.navi ul li>a:hover{ width:99px; height:32px;color: #008b58;font-size: 14px; }
.navi ul li>a{ display: block; font-size: 16px; color: #777777; width:99px; height:32px;font-size: 14px;}
.navi ul li .li-hover{ display: none; position: absolute; left: 0; z-index: 9999;}
.navi ul li:hover .li-hover{display: block;}
.navi ul li .li-hover dl{ width:99px; background:#fff;box-shadow: 0 0 10px #ccc; padding:10px 0;}
.navi ul li .li-hover dl dt{ height:34px; line-height: 34px;}
.navi ul li .li-hover dl dt>a{ display: block; height:34px; padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.5s;}
.navi ul li .li-hover dl dt>a:hover{ background:#008b58; color: #fff; transition: all 0.5s;}
.banner{ position: relative; width:100%; overflow-x: hidden;background:#f2f2f2; }
.banner-inner{ position: relative; width:100%; overflow-x: hidden;background:#ece9e4; overflow: hidden;}

.introduction-index{ padding:120px 0 150px;}
.introduction-index .introduction-img{ width:488px; height:588px; overflow: hidden; margin-top:36px; }
.introduction-index .about{ width:650px; background:url(../img/introduction-en.png) no-repeat left top;}
.introduction-index .about .name{font-size: 24px; color: #333;padding:72px 0 10px 60px;}
.introduction-index .about h1{ background:url(../img/dian.png) no-repeat 60px center; padding-left:80px;margin-bottom:20px;color:#008b58; font-size: 14px;}
.introduction-index .about .about-n{ width:500px; height:110px; overflow: hidden; margin-left:60px;}
.introduction-index .about .about-n p{ line-height:22px ;}
.introduction-index .introduct{ position: relative;}
.introduction-index .picture{ position: absolute; right:0; top:404px; width:913px; height:293px; box-shadow: #999 0 0 20px; z-index: 9999; background:#fff; margin-bottom:120px;}
.introduction-index .picture ul{ padding:30px 0 0 10px;}
.introduction-index .picture ul li{ float: left; width:250px; height:230px; overflow: hidden; margin-left:35px; position: relative;}
.introduction-index .picture ul li .introduct-img{ width:250px; height:230px;}
.introduction-index .picture ul li p{ width:234px; padding:0 8px; height:32px; line-height: 32px; position: absolute; left: 0; bottom:0; right:0; color: #fff; font-style: italic;
transition: all 0.5s;}
.introduction-index .picture ul li:hover p{background:rgba(0,139,88,0.5); color: #fff; transition: all 0.5s;}

.product-index{ background:url(../img/product-bg.jpg) no-repeat center top; padding-top:100px;}
.product-index .about{ width: 1200px; background:#fff; box-shadow: #999 0 0 10px; margin-top:50px;}
.product-index .about ul li{ width:200px; height:295px; float: left; text-align: center; background:url(../img/add.png) no-repeat center 25px;}
.product-index .about ul li .icon{ width:44px; height:40px; margin:70px auto 15px; }
.product-index .about ul li:hover{ background:url(../img/add-hover.png) no-repeat center 25px #dbfff2; transition: all 0.5s;}
.product-index .about ul li:hover .name, .product-index .about ul li:hover .eng{ color: #008B58; transition: all 0.5s;}
.product-index .down{ padding:50px 0;}
.newproduct-index{ padding-bottom:100px;}
.newproduct-index .about ul{ margin-left:-42px; padding-top:30px;}
.newproduct-index .about ul li{ width:268px; margin-left:42px; float: left;}
.newproduct-index .about ul li .product-pic{height: 268px;background: #f7f7f7;overflow: hidden;}
.newproduct-index .about ul li .product-pic img{transform: scale(1);}
.newproduct-index .about ul li .product-pic:hover img{transform: scale(1.1); transition: all 0.5s;}
.newproduct-index .about ul li p{ padding:15px 0 10px;}
.newproduct-index .about ul li:hover p{color: #008B58;}
.news-index{ padding-bottom:100px;}
.news-index .about ul{ margin:30px 0 0 -28px;}
.news-index .about ul li{ float: left; width:355px; margin-left:28px;}
.news-index .about ul li .news-pic{ width:355px; height:230px; overflow: hidden;background: #f7f7f7;border-radius: 4px;}
.news-index .about ul li .name{ color: #333; font-size: 16px; padding:10px 0;}
.news-index .about ul li .time{ font-size: 12px; color: #008B58; padding-bottom:10px;}
.news-index .about ul li p{ line-height: 22px; color: #666;}
.news-index .about ul li:hover .name{ text-decoration: underline;}
.news-index .about ul li:hover .news-pic img{ transform: scale(1.2,1.2); transition: all 0.5s;}
.made { width:100%; border-top:solid 1px #ccc; padding-top:50px; padding-bottom:30px;}
.made .cont{ width:630px; line-height: 22px; color: #999; margin:20px auto;}
.made .chart{ width:770px; border-bottom:solid 1px #f0f0f0; margin:0 auto; padding-bottom:10px;height: 120px;overflow: hidden;font-size: 14px;line-height: 26px;margin-bottom: 20px;;}
.made .chart p,span{font-size: 14px;line-height: 26px;}

.contact-index{ position: relative; }
.contact-index .map{ padding-top:100px;height:630px;}
.contact-index .leave{width:1200px; position: absolute; left:50%; margin-left:-600px; top: 0;}
.contact-index .about{ width:440px; background:#fff;box-shadow: #f0f0f0 0 0 10px; margin-top:30px; padding:50px 40px;}
.contact-index .about .en{font-size: 24px;color: #999999;}
.contact-index .about h1{ font-size: 18px; color: #333; font-weight: bold;}
.contact-index .about .line-line { padding:20px 0;}
.contact-index .about .line-line .tel{ width:180px; background:url(../img/tel.png) no-repeat left 5px; padding:0 20px; overflow: hidden;}
.contact-index .about .line-line .email{width:195px; padding:0 5px 0 20px; background:url(../img/emil.png) no-repeat left 5px; overflow: hidden; }
.contact-index .about .address{ width:420px; background:url(../img/address.png) no-repeat left 3px; padding-left:20px; margin-top:10px;}
#myform{ padding-top:25px;}
#myform p{ padding-bottom:15px;}
#myform input{ width:426px; height:40px; border: solid 1px #ccc; padding:0 5px;}
#myform textarea{ width:426px; height:150px; border: solid 1px #ccc;padding:0 5px;}
#myform .button{ width:140px; height:40px; text-align: center; line-height: 40px; background:#008b58; border-radius: 3px; float: right;}
#myform .button a{ display: block;width:140px; height:40px; color: #fff;}
.footer .foot { padding:28px 0;}
.footer .foot .foot-logo{width:154px; overflow: hidden; margin:17px 20px 0 0}
.footer .foot .erweima{ height:64px; padding-left:36px; border-left:solid 1px #ededed;}
.footer .foot .erweima img{ width:53px; height:53px; padding:5px; border:solid 1px #f5f5f5; float: left;}
.footer .foot .erweima p{ width:200px; margin:22px 10px 0 20px; float: left;}
.footer .foot .foot-nav ul li{ float: left; }
.footer .foot .foot-nav ul li a{ display: block; margin-left:50px; margin-top:20px;}
.footer .foot .foot-nav ul li:hover a{color: #008B58;}
.footer .copyright{background:#f5f5f5; overflow: hidden; line-height: 28px; color: #a9a9a9; font-size: 12px;}
.footer .copyright .name{ width:50%;}
.footer .copyright .about{ width:50%; text-align: right;}

.product{ padding-top:50px;  overflow: hidden; background: #fafafa; }
.product .system{ width:260px;}
.product .system ul li{ width:258px; height:48px; border:solid 1px #008B58; margin-bottom:20px;}
.product .system ul li a{ display: block; width:248px; height:48px; transition: all 0.5s; color: #008B58; line-height: 48px; text-align: center; padding:0 5px;}
.product .system ul li a:hover{ background:#008B58; color: #fff; transition: all 0.5s;}
.product .system ul li.active a{ background:#008B58; color: #fff; width:248px; padding:0 5px;}
.product .list{ width:892px; }
.product .list .about{ min-height: 500px;}
.product .list .about ul{ margin-left:-26px;}
.product .list .about ul li{ float: left;margin-bottom:30px; width:280px; margin-left:26px;}
.product .list .about ul li .product-img{ width:210px; height:210px; background:#f5f5f5; padding:35px;transition: all 0.5s;}
.product .list .about ul li .name{ padding-top:10px;transition: all 0.5s;}
.product .list .about ul li a:hover .name{ color: #008B58;transition: all 0.5s;}
.product .list .about ul li a:hover .product-img{ background:rgba(0,139,88,0.6); transition: all 0.5s;}
.product .list .about .title{ font-size: 20px; padding-bottom:20px; color: #333;}
.product .product-detail p{ font-size: 16px; line-height: 28px; text-align: justify;}
.links{ width:100%; height:60px; border-bottom:solid 1px #ccc; line-height: 60px;}
.links a{ color: #666; margin:0 5px;}
.brand{ padding:40px 0;}
.brand .brand-pic{ padding-bottom:30px;}
.brand .about p{ line-height: 24px;}
.honor{ background:#f5f5f5; padding:96px 0;}
.honor ul { text-align: center;}
.honor ul li{ width:245px; height:188px; margin-left:20px; padding:13px 16px; background:#fff; display: inline-block;transition: all 0.5s;}
.honor ul li .honor-img{ width:246px; height:187px;overflow: hidden;}
.honor ul li:hover{ background:#008B58; transition: all 0.5s;}
.service .about{ padding:50px 0;}
.service .about ul li{ width:240px; height:400px; overflow: hidden; text-align: center; float: left; }
.service .about ul li .service-img{ width:240px; height:200px; overflow: hidden;}
.service .about ul li .service-about{ width:240px; height:200px;}
.service .about ul li .service-about .name{ padding:48px 10px 10px 10px; color: #fff;font-size: 16px;}
.service .about ul li .service-about span{ width:1px; height:10px; display: inline-block; background:#fff;}
.service .about ul li .service-about p{ text-align: left; color: #fff;padding:0 10px; line-height: 22px;;}
.service .about ul li:nth-child(5n-4) .service-about{background:#008b58;}
.service .about ul li:nth-child(5n-3) .service-about{background:#823bf7;}
.service .about ul li:nth-child(5n-2) .service-about{background:#e9d000;}
.service .about ul li:nth-child(5n-1) .service-about{background:#00b9cf;}
.service .about ul li:nth-child(5n) .service-about{background:#ff5353;}
.service .about ul li:nth-child(n+6){border-top:solid 1px #fff;}
.shop{ background:#f5f5f5; padding:80px 0 60px;}
.shop .about ul { margin-left:-24px; margin-top:30px;}
.shop .about ul li{ float: left; background:#fff; width:340px; height:120px; margin-left:24px; padding:20px; margin-bottom:20px;}
.shop .about ul li .shop-img{ width:120px; height:120px;}
.shop .about ul li .cont{ width:200px;}
.shop .about ul li .cont .name{ font-size: 18px; font-weight: bold; padding:8px 0;}
.shop .about ul li .cont .tel{ line-height: 30px;;}
.shop .about ul li:hover{ background:#008B58; transition: all 0.5s;;}
.shop .about ul li:hover .name, .shop .about ul li:hover .tel, .shop .about ul li:hover p{ color: #fff;}
.news .about{ width:892px;}
.news .about ul li{ margin-bottom:25px; background:#f5f5f5; padding:20px; transition: all 0.5s;}
.news .about ul li .news-img{ width:120px; height:80px;}
.news .about ul li .cont{ width:710px;}
.news .about ul li .cont .name{ font-size: 18px; padding:8px 0;padding-top: 0;}
.news .about ul li .cont .time{ font-size: 12px; padding-bottom:8px;;}
.news .about ul li .cont p{ font-size: 13px; line-height: 20px;}
.news .about ul li:hover{ background:#008B58; transition: all 0.5s;}
.news .about ul li:hover .cont .name, .news .about ul li:hover .cont p, .about ul li:hover .cont .time{ color: #fff;transition: all 0.5s;}
.news .news-about{width: 892px;}
.news .news-about .news-top{ border-bottom:solid 2px #008B58; padding-bottom:8px; }
.news .news-about .news-top .title{ width:890px; font-size: 18px; padding-bottom:8px; color: #333;}
.news .news-about .news-top .time{ padding-right:5px;}
.news .news-about .news-detail{ padding:20px 0; min-height:500px;}
.news .news-about .news-detail p{ font-size: 16px; line-height: 26px; text-align: justify;}
.contactus{ background:#fafafa;}
.contactus .contact-about{ padding:60px 0 500px; position: relative;}
.contactus .map{ width:1200px; height:350px;}
.contactus .contact-about .leave{ position: absolute; left: 50%; margin-left:-240px; width:480px; top:150px;}
.contactus .contact-about .leave .about{ width:440px; height:484px; background:#fff;box-shadow: #f0f0f0 0 0 10px; margin-top:30px; padding:50px 40px;}
.contactus .contact-about .leave .about .en{font-size: 24px;color: #999999;}
.contactus .contact-about .leave .about h1{ font-size: 18px; color: #333; font-weight: bold;}
.contactus .contact-about .leave .about .line { padding:20px 0;}
.contactus .contact-about .leave .about .line .tel{ width:200px; background:url(../img/tel.png) no-repeat left center; padding-left:20px;}
.contactus .contact-about .leave .about .line .email{width:200px; padding-left:20px; background:url(../img/emil.png) no-repeat left center; }
.contactus .contact-about .leave .about .address{ width:420px; background:url(../img/address.png) no-repeat left center; padding-left:20px; margin-top:10px;}
/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 50px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;}
.page .pageoption ul li a{display: block}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #008B58}
.page .pageoption ul .current span{color: #fff;border:1px solid #008B58;}
.page .pageoption ul li a:hover{background: #008B58}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #008B58;}

#hang{ position: fixed; top:500px; right:50px; z-index: 99999999;}
#hang .cont{ background: #fff;border: solid 1px #e0e1e5;border-radius: 5px;padding: 15px;
z-index: 999;box-shadow: 0 1px 3px #ccc;}
#hang .cont .tel-hover{ width:146px;}
#hang .cont .tel-hover .name{ font-size: 15px; color: #008B58; font-weight: bold;}
#hang .cont .tel-hover p{ line-height: 24px;color: #008B58;font-size: 20px;font-weight: bold; margin-top: 5px;}
#hang .cont .erweima{ width:140px; height:140px; margin:10px auto 0;}
#hang .cont img{ display: block; width:100%; height:100%;}


.honor-inner{ background:#f5f5f5; padding:30px 0 96px;}
.honor-inner .honor-about ul li{ width:278px; margin-left:20px; transition: all 0.5s; float: left; margin-bottom:20px;}
.honor-inner .honor-about ul li .honor-img{ width:246px; height:187px; padding:13px 16px; background:#fff;}
.honor-inner .honor-about ul li:hover p{ color:#008B58; transition: all 0.5s;}
.honor-inner .honor-about ul li:hover .honor-img{ background:#008B58; transition: all 0.5s;}
.honor-inner .honor-about ul li p{ line-height: 30px; font-size: 16px}

.none{display: none;}

/* 悬浮右侧电话+二维码 */
.fixed-code{position: fixed;top:450px;right: 50px;z-index: 99999;width: 180px;padding: 20px; box-shadow: 0 1px 6px 1px rgba(0,0,0,0.1);box-sizing: border-box;background: #fff;border-radius: 5px;overflow: hidden; }
.fixed-code .codeimg{width: 140px;}
.fixed-code h2{font-size: 18px;margin-bottom: 5px;}
.fixed-code .c00{color: #008B58;}


.fanPage{padding: 20px 0 50px;}
.fanPage a:hover{color:#008B58; }